<template>
  <div class="wrapper">
    <div class="header-wrapper">
      <img class="header-button" src="/static/images/返回.png" />
      <div class="header-title">设备预约123</div>
    </div>
    <div class="body-wrapper">
      <div class="body-information">
        <div class="buletooth">
          <span class="prefix">1</span>
          <span class="buletooth-address">2</span>
        </div>
        <div class="working-state">
          <span class="prefix">3</span>
          <span class="working-state-information">4</span>
        </div>
        <div class="state">
          <span class="prefix">5</span>
          <span class="state-information">6</span>
        </div>
        <div class="appointment">
          <span class="prefix">7</span>
          <span class="appointment-information">8</span>
        </div>
      </div>

    </div>
  </div>
</template>

<script>


export default {
  data () {
    return {
     
    }
  },

  components: {
    
  },

  methods: {
    
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style lang="scss" scoped>
.wrapper {
  padding: 15px;
  .header-wrapper{
    text-align: center;
    font-size: 40rpx;
    font-weight:550;
    display: flex;
    .header-button{
      height: auto;
      width: 50rpx;
    }
    .header-title{
      
      width: 700rpx;
    }
  }
}

</style>

